<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>用户管理系统</title>

    <!-- Bootstrap -->
    <link href="../angular/js/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">

    <link rel="stylesheet" href="css/userMngWBC4.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>

	<!-- 导航条 -->
	  <nav class="navbar navbar-default">
		  <div class="container-fluid">
		    <!-- Brand and toggle get grouped for better mobile display -->
		    <div class="navbar-header">
		      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		      <a class="navbar-brand" href="#">后台管理系统</a>
		    </div>

		    <!-- Collect the nav links, forms, and other content for toggling -->
		    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		      <ul class="nav navbar-nav">
		        <li class="active"><a href="#">用户管理 <span class="sr-only">(current)</span></a></li>
		        <li><a href="#">Link</a></li>
		        <li class="dropdown">
		          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
		          <ul class="dropdown-menu">
		            <li><a href="#">Action</a></li>
		            <li><a href="#">Another action</a></li>
		            <li><a href="#">Something else here</a></li>
		            <li role="separator" class="divider"></li>
		            <li><a href="#">Separated link</a></li>
		            <li role="separator" class="divider"></li>
		            <li><a href="#">One more separated link</a></li>
		          </ul>
		        </li>
		      </ul>
		      <ul class="nav navbar-nav navbar-right">
		        <li><a href="#">Link</a></li>
		        <li class="dropdown">
		          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
		          <ul class="dropdown-menu">
		            <li><a href="#">Action</a></li>
		            <li><a href="#">Another action</a></li>
		            <li><a href="#">Something else here</a></li>
		            <li role="separator" class="divider"></li>
		            <li><a href="#">Separated link</a></li>
		          </ul>
		        </li>
		      </ul>
		    </div><!-- /.navbar-collapse -->
		  </div><!-- /.container-fluid -->
		</nav>
		<!-- 导航条 -->

	<div class="container">
		<!--导航-->
		<div class="btn-group">
		  <a href="userMngWbc4.html" class="btn btn-danger">新增用户</a>
		  <a href="userListWbc4.html" class="btn btn-default">用户列表</a>
		  <a href="javascript:;" class="btn btn-default">统计报表</a>
		</div>
		<!--导航-->

		<div class="user-mng-form-wp">
			
			<form class="form-horizontal">
			  <div class="form-group">
			    <label class="col-sm-2 control-label">姓名：</label>
			    <div class="col-sm-5">
			      <input id="name" type="text" class="form-control">
			    </div>
			  </div>
			  <div class="form-group">
			    <label class="col-sm-2 control-label">年龄：</label>
			    <div class="col-sm-2">
			      <input type="text" class="form-control">
			    </div>
			  </div>
			  <div class="form-group">
			    <label class="col-sm-2 control-label">性别：</label>
			    <div class="col-sm-10">
			      <label class="radio-inline">
					  <input type="radio" name="gender" value="男"> 男
					</label>
					<label class="radio-inline">
					  <input type="radio" name="gender" value="女"> 女
					</label>
			    </div>
			  </div>
			  <div class="form-group">
			    <label class="col-sm-2 control-label">年龄：</label>
			    <div class="col-sm-3">
					<select class="form-control">
						<option value="0">请选择</option>
						<option value="1">大专</option>
						<option value="2">本科</option>
						<option value="3">硕士</option>
						<option value="4">博士</option>
						<option value="5">其他</option>
					</select>
			    </div>
			  </div>
			  <div class="form-group">
			    <label class="col-sm-2 control-label">地址：</label>
			    <div class="col-sm-10">
			      <input type="text" class="form-control">
			    </div>
			  </div>
			  <div class="form-group">
			    <label class="col-sm-2 control-label">爱好：</label>
			    <div class="col-sm-10">
			      <label class="checkbox-inline">
					  <input type="checkbox" name="hobbies" value="音乐"> 音乐
					</label>
					<label class="checkbox-inline">
					  <input type="checkbox" name="hobbies" value="篮球"> 篮球
					</label>
					<label class="checkbox-inline">
					  <input type="checkbox" name="hobbies" value="爬山"> 爬山
					</label>
			    </div>
			  </div>
			  <div class="form-group">
			    <label class="col-sm-2 control-label">手机：</label>
			    <div class="col-sm-5">
			      <input type="text" class="form-control">
			    </div>
			  </div>
		
			  <div class="form-group">
			    <div class="col-sm-offset-2 col-sm-10">
			      <button id="saveBtn" type="button" class="btn btn-danger">&nbsp;&nbsp;&nbsp;保存&nbsp;&nbsp;&nbsp;</button>
			    </div>
			  </div>
			</form>

		</div>
	</div>

	<div id="myDlg" class="modal fade bs-example-modal-sm" data-backdrop="false">
		<div class="modal-dialog modal-sm">
			<div class="modal-content">
			  <div class="modal-body">
		        保存成功！
		      </div>
			</div>
		</div>
	</div>


    <script src="../angular/js/lib/jquery/dist/jquery.min.js"></script>
    <script src="../angular/js/lib/underscore/underscore-min.js"></script>
    <script src="../angular/js/lib/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="js/userMngWbc4.js"></script>
  </body>
</html>